@charset 'utf-8';
@import '_color.scss';

.table-box{
    .table {
        color: #fff;
        text-align: center;
        margin-bottom: 0;
        
    }
    
    thead {
        background-color: #333;
        line-height: 40px;
    
        th {
            border: 0;
            font-weight: normal;
            background-color: rgba(255, 255, 255, .2);
            line-height: 40px;
        }
    
        .actionWidth {
            width: 340px;
           
        }
    }
    
    tbody {
        color: rgba(255, 255, 255, .6);
        line-height: 40px;
    
        td {
            line-height: 40px;
            img {
                width: 44px;
                margin: auto;
            }
        }
    
        tr:hover {
            background-color: rgba(0, 0, 0, .5);
        }
        
    }
    
    .action-btn-list {
        text-align: center;
        >div{
            display: inline-block;
            text-align: left!important;
            width: 236px;
            }
        a {
            display: inline-block;
            width: 70px;
            height: 32px;
            margin: 0 3px;
            text-align: center;
            line-height: 32px;
            font-size: 12px;
            color: #fff;
            border-radius: 4px;
        }
        a:hover{
            color: $greenText;
        }
        .del-btn:hover{
            background-color: $greenText;
            color: $blackBg;
        }
      
        .editor-btn:hover{
            background-color:#00d075;
            color: #fff;
        }
        
        .disable-btn:hover{
            background-color: rgba(30, 237, 147, .4);
        }
       
        .editor-btn,
        .normal-btn {
            background-color: $greenText;
            color: $blackColor;
        }
    
        .del-btn {
            border: 1px solid $greenText;
            color: $greenText;
        }
    
        .disable-btn {
            background-color: rgba(30, 237, 147, .2);
            color: $greenText;
        }
    }
    
    //    给表格每行去除上边框 添加下边框
    th,
    td {
        border-top: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }
}